<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>用户订单详情</title>
	<link rel="stylesheet" href="../css/common/mui.css" />
	<link rel="stylesheet" href="../css/common/common.css" />
	<link rel="stylesheet" href="../css/this/user.css" />
	</head>
	<body>
		<div class='theFirst order-detail'></div>
		<script type='text/template' id='tpl-order-detail'>
			{{if order_info}}
			<section class='pT15 pB15 pL13 pR13 bGWhite'>
				{{if order_info.status == 0}}
					<div class='fS18'>订单状态 ：取消订单</div>
				{{else if order_info.status == 1}}
					<div class='fS18'>订单状态 ：待付款</div>
				{{else if order_info.status == 2}}
					<div class='fS18'>订单状态 ：待发货</div>
				{{else if order_info.status == 3}}
				 	<div class='fS18'>订单状态 ：待收货</div>
				{{else if order_info.status == 4}}
					<div class='fS18'>订单状态 ：已完成</div>
				{{/if}}
				<p class='fS13 cBlack'>订单编号：{{order_info.order_id}}</p>
				<p class='fS13 cBlack'>下单时间 ：{{ order_info.create_time}}</p>
			</section>
				<section class='mT7 bGWhite addr bB' >
					<div class='has-addr bT pL13 pR13'>
						<div class='lH43 bB'>
							<p class='dIB pSR pR5' style='top:2px'>
								<img src='../img/icon/addr.png' class='addr-icon'/>
							</p>
							<p class='fS15 cBlack dIB'>收货信息</p>
						</div>
						<div class='pT11 pB11 pSR pR15'>
							<p class='pB5 cBlack fS13'>
								<span>{{order_info.ship_name}}</span>
								<span class='pL60'>{{order_info.ship_mobile}}</span>
							</p>
							<p class='cBlack fS13'>{{order_info.ship_addr}}</p>
						</div>
					</div>
			</section>
			<div class='lH44 bGWhite fS15 pL13 bB mT7'>商品信息</div>
			<section class='order-list  pL10 pR17 bGWhite'>
				{{each order_info.product_list as list}}
				<div class='mui-row product-mess list-detail' data-goodsid = '{{list.product_id}}'>
					<div class='mui-col-xs-3 pT10 pB7 pR10'>
						<img src="{{list.pic}}" class='account-detailImg b'/>
					</div>
					<div class='mui-col-xs-9 pL10 pT12 pSR'>
						<div class='title'>
							<div class='mui-row'>
								<div class='mui-col-xs-8 fS15 limit-text'>{{list.product_name}}</div>
								<div class='mui-col-xs-4 tR fS15'>&yen;{{list.price}}</div>
							</div>
						</div>					
						<div class='mui-row title-detail'>
							<div class='mui-col-xs-10 fS12 cGrey'>{{list.stock_shop_title}}</div>
							<div class='mui-col-xs-2 tR fS15'>X {{list.num}}</div>
						</div>
					</div>
				</div>
				{{/each}}
				<div class='mui-row lH44 bT'>
					<div class='mui-col-xs-6 fS15'>发货方式</div>
					<div class='mui-col-xs-6 fS13 tR'>
						<img src="../img/icon/help.png" class='account-help' class='pSR' style='top:1px'/>
						<span>快递 ：{{if order_info.freight == 0}}0{{else}} {{order_info.freight}}{{/if}}元</span>
					</div>
				</div>
				<div class='mui-row lH44 bT'>
					<div class='mui-col-xs-6 fS15'>订单总计</div>
					<div class='mui-col-xs-6 fS15 tR'>&yen;{{order_info.total_price}}</div>
				</div>
				{{if order_info.status == 0}}
				{{else if order_info.status == 1}}
					<div class='mui-row lH44 bT'>
						<div class='mui-col-xs-6 fS15'>待付金额</div>
						<div class='mui-col-xs-6 fS15 tR'>&yen;{{order_info.total_price}}</div>
					</div>
				{{else}}
					<div class='mui-row lH44 bT'>
						<div class='mui-col-xs-6 fS15'>已付金额</div>
						<div class='mui-col-xs-6 fS15 tR'>&yen;{{order_info.total_price}}</div>
					</div>
				{{/if}}

				{{if order_info.status == 0}}
				{{else if order_info.status == 1}}
				<section class='tR order-status pT7 pB7'>
					<button class='btn btn-white fS15 tC pL19 pR19 pT4 pB4 cancel' data-id='{{order_info.order_id}}'>取消</button>
					<button class='btn btn-black fS15 tC pL30 pR30 pT4 pB4 topay' data-id='{{order_info.order_id}}'>去付款</button>
				</section>
				{{else if order_info.status == 2}}
				{{else if order_info.status == 3}}
				<section class='tR  order-status pT7 pB7'>
					<button class='btn btn-black fS15 tC pL30 pR30 pT4 pB4 surereci' data-id='{{order_info.order_id}}'>确认收货</button>
				</section>
				{{else if order_info.status == 4}}
				{{/if}}
			</section>	
			{{else}}
				<div class='tC promp-order' style='position:absolute;top:50%;left:15%;height:30%;width:70%;'><span class='cGrey fS15'>亲  这个页面还没有数据哦~</span></div>
			{{/if}}
		</script>
		<div class='reco'></div>
	</body>
		<script src='../js/common/jquery.min.js'></script>
		<script src="../js/common/template.js"></script>
		<script src='../js/common/api.js'></script>
		<script src="../js/common/loading.js"></script> 
		<script src="../js/common/app.js"></script> 
		<script src='../layer/layer.js'></script>
		<script src="../js/common/header.js"></script> 
		<script src='../js/common/footer.js'></script>
		<script src='user.orderDetail.js'></script>
</html>
